<script setup lang="ts">
//退出登录
import {Tokens} from "@/stores/token";
import {useCounterStore} from "@/stores/SaveUser";

const store=Tokens()
function logout(){
    store.removeToken()
    store.isLogIn=false
}
const phone=useCounterStore()
</script>

<template>
<div>
    <div>
        <router-link to="/gerenzhongxin">
        <van-nav-bar
                left-text="设置"
                left-arrow
        />
        </router-link>
        <van-cell title="手机号" is-link :value='phone.userInfo.phoneNumber' to="shoujixiugai" id="bottom"/>
        <van-cell title="密码设置" is-link to="/xiugaimima" />
        <div class="quer">
        <van-button type="primary" to="/denglu" id="Quit" @click="logout">退出登录</van-button>
        </div>
    </div>
</div>
</template>

<style scoped lang="less">
:deep(.van-nav-bar__content){
    background-color: #f4f4f4;
}
#bottom{
    margin-bottom: 4px;
}
.quer{
    text-align: center;
    margin-top: 400px;
    #Quit{
        width: 60%;
    }
}

</style>